<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
#certify{position:relative; padding: 0 30px; }
#certify .swiper-container{padding-bottom:30px}
#certify .swiper-slide{width:935px;height:auto;background:#fff;box-shadow:0 8px 30px #ddd}
#certify .swiper-slide a{ display: block; position: relative; color: #FFF; }
#certify .swiper-slide .text{ position: absolute;bottom: 0; left:0; width: 100%; height: 90px; box-sizing: border-box; padding: 0 45px;  background: rgba(186,39,45,0.8); display: flex; align-items: center; justify-content: space-between; }
#certify .swiper-slide .text h2{ margin: 0;  }
#certify .swiper-slide .text p{ margin: 0; }
#certify .swiper-slide .yuan{ height: 60px; width: 60px; line-height: 60px; text-align: center;border-radius: 30px; background-color: #FFF; color: #ba272d; }
#certify .swiper-slide img{display:block; width: 100%;}
#certify .swiper-button-prev{left:-30px; margin-top: -70px; width:46px;height:46px;background:url(../images/prev2.png) no-repeat;}
#certify .swiper-button-next{right:-30px; margin-top: -70px; width:46px;height:46px;background:url(../images/next2.png) no-repeat;}

@media screen and (max-width:1200px){#certify{width:100%; padding: 0;}
@media screen and (max-width:768px){#certify .swiper-slide{width:198px;opacity:0.8}
#certify .swiper-slide .text{display: none;  }
#certify .swiper-button-prev{ left:0px; margin-top: -50px; width: 30px; height: 30px; background-size: 100%; }
#certify .swiper-button-next{ right:0px; margin-top: -50px; width: 30px; height: 30px; background-size: 100%;}
}</pre></body></html>